<script>
import { ElTooltip } from 'element-plus'
export default {
  name: 'Tooltip',
  props: {
    title: String,
    content: String
  },
  components: {
    ElTooltip
  },
  setup(props, { slots }) {
    return () => {
      const content = props.content || slots.default() || '--'
      return (
        <el-tooltip effect="dark" content={content} placement="top-start">
          <span class="feedback-btn">{content}</span>
        </el-tooltip>
      )
    }
  }
}
</script>
